<template>
  <div class="box">
    <!-- <div>友情提示</div> -->
    <slot name="title" :title="title"></slot>
    <slot></slot>
    <div class="tr"><button>关闭</button></div>
  </div>
</template>
<script>
export default {
  data () {
    return {
      title: '今天星期五'
    }
  }
}
</script>
<style scoped>
* {
  padding: 0;
  margin: 0;
}
.box {
  width: 300px;
  border: 2px solid black;
}
.tr {
  text-align: right;
}
</style>
